<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action = "https://www.baidu.com">
        姓名<input type = "text">
        <br>
        密码<input type = "password">
        <br>
        性别<input type = "radio" name="gender">男
        <input type = "radio" name="gender" checked="checked">女
        <br>
        爱好
        <input type="checkbox">吃饭
        <input type="checkbox">睡觉
        <input type="checkbox">打游戏
        <br>
        课程<input type="text" name="course">
        <input type="submit" value="提交">
        <input type="reset" value="清空">
        <input type="file">
        <br>
        <label for="2024">2024</label>
        <input type="radio" name="grade" id="2024">
        <label for="2023">2023</label>
        <input type="radio" name="grade" id="2023">
        <label for="2022">2022</label>
        <input type="radio" name="grade" id="2022">
        <label for="2021">2021</label>
        <input type="radio" name="grade" id="2021">
        <br>
        <select>
            <option >--请选择专业--</option>
            <option selected="selected">--计算机科学与技术--</option>
            <option >--电子科学与技术--</option>
            <option >--大数据科学与技术--</option>
            <option >--网络安全--</option>
            <option >--通信工程--</option>
        </select>
        <br>
        <input type="button" value="这是一个按钮，html阶段没有反应，等待后期搭配JS使用">
        <br>
        哈哈<textarea rows="3" cols="20"></textarea>
        <div>
            <div>
                <span>3</span>
                <span>2</span>
                <span>1</span>
            </div>
            <div>3</div>
            <div>2</div>
            <div>1</div>
        </div>
    </form>
</body>
</html>